<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/index.css">
    <script src="./assets/js/reset.js"></script>

    <link rel="stylesheet/less" href="./assets/css/index.less">
    <!-- 公共部分 -->
    <link rel="stylesheet" href="./assets/css/common.css">
</head>

<body>
    <div class="content">
        <!-- 头部 -->
        <header>
            <div class="seach">
                <div class="head">
                    <input type="text" placeholder="搜索车型" class="inp">
                </div>
                <div class="news">
                    <!-- 铃铛 -->
                    <span class="iconfont">&#xe602;</span>
                </div>
            </div>
        </header>

        <!-- banner图 -->
        <div class="banner">
            <div class="ban">
                <img src="./assets/images/banner_03.png" alt="">
            </div>
        </div>

        <!-- 选车部分 -->
        <div class="cat">
            <div class="item">
                <div class="back">
                    <img src="./assets/images/cat_07.png" alt="">
                </div>
                <div class="txt">二手车</div>
            </div>

            <div class="item">
                <div class="back">
                    <img src="./assets/images/new_03.png">
                </div>
                <div class="txt">新车</div>
            </div>

            <div class="item">
                <div class="back">
                    <img src="./assets/images/ling_06.png" alt="">
                </div>
                <div class="txt">零首付</div>
            </div>
            <div class="item">
                <div class="back">
                    <img src="./assets/images/per_03.png" alt="">
                </div>
                <div class="txt">分期申请</div>
            </div>
            <div class="item">
                <div class="back">
                    <img src="./assets/images/gjia_03.png" alt="">
                </div>
                <div class="txt">估价</div>
            </div>
            <div class="item">
                <div class="back">
                    <img src="./assets/images/bj_11.png" alt="">
                </div>
                <div class="txt">报价卖车</div>
            </div>

            <div class="item">
                <div class="back">
                    <img src="./assets/images/rx_13.png" alt="">
                </div>
                <div class="txt">热销排行</div>
            </div>

            <div class="item">
                <div class="back">
                    <img src="./assets/images/jjia_15.png" alt="">
                </div>
                <div class="txt">降价急售</div>
            </div>
            <div class="item">
                <div class="back">
                    <img src="./assets/images/qcbk_17.png" alt="">
                </div>
                <div class="txt">汽车百科</div>
            </div>
            <div class="item">
                <div class="back">
                    <img src="./assets/images/qcyh_18.png" alt="">
                </div>
                <div class="txt">汽车养护</div>
            </div>
        </div>

        <!-- 新车抢先看 -->
        <div class="newCat">
            <!-- 左边 -->
            <div class="newLeft">
                <div class="look">
                    <h2>新车抢先看</h2>
                    <p>每周更新</p>
                </div>

                <div class="lookCat">
                    <div class="img">
                        <img src="./assets/images/qc01_03.png" alt="">
                    </div>
                </div>
            </div>
            <!-- 右边 -->
            <div class="newLeft" id="bgc">
                <div class="topCat">
                    <div class="look2">
                        <h2>热销SUV</h2>
                        <p>年轻有底气</p>
                    </div>

                    <div class="lookCat2">
                        <div class="img">
                            <img src="./assets/images/qc01_03.png" alt="">
                        </div>
                    </div>
                </div>


                <div class="topCat" id="btnCat">
                    <div class="look2">
                        <h2>捡漏二手</h2>
                        <p>新手首选</p>
                    </div>

                    <div class="lookCat2">
                        <div class="img">
                            <img src="./assets/images/lscat_10.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- 热销车型 -->
        <div class="hot">
            <div class="hotCat">热销车型</div>
            <div class="check">查看全部</div>
        </div>

        <div class="numOne">
            <div class="oneLeft">
                <img src="./assets/images/one.png" alt="">
            </div>
            <div class="oneRight">
                <div class="box">
                    <div class="title">千库 A系 588ku 2017款 2.0T 运动尊享版四驱 </div>
                    <div class="newCenter">
                        <span>准新车</span>
                        <span>一成购</span>
                    </div>
                    <div class="shoping">
                        <span>13.65</span>
                        <span>万</span>
                    </div>
                </div>
            </div>
            <!-- 热榜 -->
            <div class="champion">
                1
            </div>
        </div>

        <div class="numOne">
            <div class="oneLeft">
                <img src="./assets/images/two.png" alt="">
            </div>
            <div class="oneRight">
                <div class="box">
                    <div class="title">千库 A系 588ku 2017款 2.0T 运动尊享版四驱 </div>
                    <div class="newCenter">
                        <span>准新车</span>
                        <span>一成购</span>
                    </div>
                    <div class="shoping">
                        <span>13.65</span>
                        <span>万</span>
                    </div>
                </div>
            </div>
            <!-- 热榜 -->
            <div class="champion1">
                2
            </div>
        </div>
        <div class="numOne" id="btn">
            <div class="oneLeft">
                <img src="./assets/images/three.png" alt="">
            </div>
            <div class="oneRight">
                <div class="box">
                    <div class="title">千库 A系 588ku 2017款 2.0T 运动尊享版四驱 </div>
                    <div class="newCenter">
                        <span>准新车</span>
                        <span>一成购</span>
                    </div>
                    <div class="shoping">
                        <span>13.65</span>
                        <span>万</span>
                    </div>
                </div>
            </div>
            <!-- 热榜 -->
            <div class="champion2">
                3
            </div>
        </div>

    </div>
    <!-- footer底部 -->
    <footer class="footer">
        <a href="./index.html">
            <span class="iconfont">&#xe639;</span>
            <span class="text">首页</span>
        </a>
        <a href="./bus.html">
            <span class="iconfont">&#xe65d;</span>
            <span class="text">买车</span>
        </a>
        <a href="./lend.html">
            <span class="iconfont">&#xe621;</span>
            <span class="text">租车</span>
        </a>
        <a href="./sell.html">
            <span class="iconfont">&#xe634;</span>
            <span class="text">卖车</span>
        </a>
        <a href="./my.html">
            <span class="iconfont">&#xe600;</span>
            <span class="text">我的</span>
        </a>
    </footer>
</body>

</html>
<script src="./assets/js/reset.js"></script>
<!-- <script src="./assets/js/less.min.js"></script> -->





